<!DOCTYPE html>
<html class="no-js vlt-is--homepage vlt-is--footer-fixed" lang="en">
<head>
<meta charset="utf-8">
<title>优雅草flutter定制开发首页-flutter定制/二次开发-关于flutter</title>

	
	<meta name="keywords"
	    content="什么是flutterAPP开发，为什么flutterAPP开发很贵,flutterAPP定制开发,定制开发APP,定制开发软件,成都软件开发">
    <meta name="description"
        content="成都市一颗优雅草科技有限公司flutterAPP定制开发/二次开发官网介绍页，什么是flutterAPP开发，为什么flutterAPP开发很贵,flutterAPP定制开发." />
		
		  <link rel="shortcut icon" href="https://www.youyacao.com/favicon.ico">
  


<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!--Favicon-->
<link rel="icon" type="image/svg" href="assets/img/root/favicon.svg">
<!--Framework-->
<link rel="stylesheet" href="assets/css/framework/bootstrap.min.css">
<!--Fonts-->
<link rel="stylesheet" href="assets/fonts/Gilroy/style.css">
<!--Icons-->
<link rel="stylesheet" href="assets/fonts/LineIcons/Pro-Regular/font-css/LineIcons.css">
<!--Plugins-->
<link rel="stylesheet" href="assets/css/vlt-plugins.min.css">
<!--Style-->
<link rel="stylesheet" href="assets/css/vlt-main.min.css">
<!--Custom-->
<link rel="stylesheet" href="assets/css/custom.css">
</head>

<body class=" animsition">
<!--Header-->
<header class="vlt-header vlt-header--default">
  <div class="vlt-navbar vlt-navbar--main vlt-navbar--transparent vlt-navbar--sticky">
    <div class="vlt-navbar-background"></div>
    <div class="vlt-navbar-inner">
      <div class="vlt-navbar-inner--left"> 
        <!--Logo--><a class="vlt-navbar-logo" href="index.html"><img src="assets/img/root/logo.png" alt="Gilber"></a> </div>
      <div class="vlt-navbar-inner--center">
        <div class="container">
          <nav class="vlt-default-menu__navigation"> 
            <!--Navigation-->
            <ul class="sf-menu">
              <li data-menuanchor="Home"><a href="#Home">优雅草flutter定制开发首页</a> </li>
              <li data-menuanchor="About"><a href="#About">关于</a> </li>
             <li data-menuanchor="Projects"><a href="#Projects">案例</a> </li>
             <li data-menuanchor="Education"><a href="#Education">教程</a> </li>
             <li data-menuanchor="Testimonials"><a href="#Testimonials">未来</a> </li>
             <li data-menuanchor="Partners"><a href="#Partners">相关</a> </li>
             <li data-menuanchor="Blog"><a href="#Blog">大动态</a> </li>
             <li data-menuanchor="Contact"><a href="#Contact">联系</a> </li>
            </ul>
          </nav>
        </div>
      </div>
      <div class="vlt-navbar-inner--right">
        <div class="d-flex align-items-center"> 
          <!--Contacts-->
          <div class="vlt-navbar-contacts"><a href="tel:+8613708021643">+86 13708021643</a></div>
          <!--Menu Burger--><a class="vlt-menu-burger js-offcanvas-menu-open" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" stroke-linejoin="round">
          <line x1="3" y1="12" x2="21" y2="12" />
          <line x1="3" y1="6" x2="21" y2="6" />
          <line x1="3" y1="18" x2="21" y2="18" />
          </svg></a> </div>
      </div>
    </div>
  </div>
</header>
<!--Offcanvas Menu-->
<div class="vlt-offcanvas-menu">
  <div class="vlt-offcanvas-menu__header"> 
    <!--Locales-->
  <!--  <div class="vlt-language-switcher"><a class="is-active" href="#">Eng</a><a href="#">Fra</a><a href="#">Ger</a></div> -->
    <!--Menu Burger--><a class="vlt-menu-burger vlt-menu-burger--opened js-offcanvas-menu-close" href="#"><svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24">
    <defs />
    <path d="M18 6L6 18M6 6l12 12" />
    </svg></a> </div>
  <nav class="vlt-offcanvas-menu__navigation"> 
    <!--Navigation-->
    <ul class="sf-menu">
    
        <li data-menuanchor="Home"><a href="#Home">优雅草flutter定制开发首页</a> </li>
        <li data-menuanchor="About"><a href="#About">关于</a> </li>
       <li data-menuanchor="Projects"><a href="#Projects">案例</a> </li>
       <li data-menuanchor="Education"><a href="#Education">教程</a> </li>
       <li data-menuanchor="Testimonials"><a href="#Testimonials">未来</a> </li>
       <li data-menuanchor="Partners"><a href="#Partners">相关</a> </li>
       <li data-menuanchor="Blog"><a href="#Blog">大动态</a> </li>
       <li data-menuanchor="Contact"><a href="#Contact">联系</a> </li>
     
    </ul>
  </nav>
  <div class="vlt-offcanvas-menu__footer"> 
    <!--Socials-->
    <div class="vlt-offcanvas-menu__socials"><a class="vlt-social-icon vlt-social-icon--style-1" href="#"><i class="lnir-facebook-filled"></i></a><a class="vlt-social-icon vlt-social-icon--style-1" href="#"><i class="lnir-twitter-original"></i></a><a class="vlt-social-icon vlt-social-icon--style-1" href="#"><i class="lnir-instagram"></i></a></div>
    <!--Copyright-->
    <div class="vlt-offcanvas-menu__copyright">
      <p>© 2022 Copyright 优雅草科技.<br>
        All rights reserved.</p>
    </div>
  </div>
</div>
<!--Site Overlay-->
<div class="vlt-site-overlay"></div>
<!--Fixed socials-->
<div class="vlt-fixed-socials"><a class="vlt-social-icon vlt-social-icon--style-1" href="#"><i class="lnir-facebook-filled"></i></a><a class="vlt-social-icon vlt-social-icon--style-1" href="#"><i class="lnir-twitter-original"></i></a><a class="vlt-social-icon vlt-social-icon--style-1" href="#"><i class="lnir-instagram"></i></a></div>
<!--Main-->
<main class="vlt-main"> 
  <!--Fullpage Slider-->
  <div class="vlt-fullpage-slider" data-loop-top="" data-loop-bottom="" data-speed="450"> 
    <!--Home--> 
    <!--Section-->
    <div class="vlt-section pp-scrollable" data-anchor="Home">
      <div class="vlt-section__vertical-align">
        <div class="vlt-section__content"> 
          <!--Ken Burn Effect-->
          <div class="vlt-section__ken-burn-background has-mobile-image"><img src="assets/img/home.jpg" alt=""><img src="assets/img/home-mobile.jpg" alt=""></div>
          <div class="container">
            <div class="row">
              <div class="col-lg-5">
                <div class="vlt-gap-160"></div>
                <!--Animated Block-->
                <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:0s; animation-duration:700ms;"> 
                  <!--Video button-->
            <!--      <div class="vlt-video-button"><a href="https://vimeo.com/367945766" data-fancybox data-small-btn="true" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 27">
                    <defs />
                    <path fill="currentColor" d="M23.7471 13.2802L.876191 26.4847.876192.0757026 23.7471 13.2802z" />
                    </svg></a></div> -->
                </div>
                <div class="vlt-gap-100"></div>
                <!--Animated Block-->
                <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:.1s; animation-duration:700ms;"><span class="vlt-display-1 has-white-color">flutter端-APP定制开发/二次开发</span> </div>
                <div class="vlt-gap-15"></div>
                <!--Animated Block-->
                <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:.2s; animation-duration:700ms;">
                  <h1 class="vlt-large-heading">优雅草<span class="has-accent-color">.</span></h1>
                </div>
                <div class="vlt-gap-15"></div>
                <!--Animated Block-->
                <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:.3s; animation-duration:700ms;">
                  <p>让优雅草科技来用flutter为您低成本·高性能·量身定制一款高端产品.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--About--> 
    <!--Section-->
    <div class="vlt-section pp-scrollable" data-anchor="About">
      <div class="vlt-section__vertical-align">
        <div class="vlt-section__content">
          <div class="container">
            <div class="row">
              <div class="col-xl-6"> 
                <!--Animated Block-->
                <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:0s; animation-duration:700ms;">
                  <div class="vlt-experience-block"><span class="vlt-experience-block__number">6<span class="has-accent-color">.</span></span>
                    <h5 class="vlt-experience-block__title">年<br>
                      工作<br>
                      经验</h5>
                  </div>
                </div>
                <div class="vlt-gap-100--lg"></div>
              </div>
              <div class="col-xl-6 col-md-8"> 
                <!--Animated Block-->
                <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:.1s; animation-duration:700ms;">
                  <h3>6年沉淀</h3>
                </div>
                <div class="vlt-gap-45"></div>
                <!--Animated Block-->
                <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:.2s; animation-duration:700ms;">
                  <p>精密布局+技术底蕴+贴心服务，我们一直在您身边.</p>
                </div>
                <div class="vlt-gap-70"></div>
                <!--Animated Block-->
                <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:.3s; animation-duration:700ms;"> 
                  <!--Progress Bar-->
                  <div class="vlt-progress-bar" data-final-value="90" data-animation-speed="1000">
                    <h5 class="vlt-progress-bar__title">web<span class="counter">0</span> </h5>
                    <div class="vlt-progress-bar__bar"><span></span></div>
                  </div>
                </div>
                <div class="vlt-gap-70"></div>
                <!--Animated Block-->
                <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:.4s; animation-duration:700ms;"> 
                  <!--Progress Bar-->
                  <div class="vlt-progress-bar" data-final-value="85" data-animation-speed="1000">
                    <h5 class="vlt-progress-bar__title">小程序<span class="counter">0</span> </h5>
                    <div class="vlt-progress-bar__bar"><span></span></div>
                  </div>
                </div>
                <div class="vlt-gap-70"></div>
                <!--Animated Block-->
                <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:.5s; animation-duration:700ms;"> 
                  <!--Progress Bar-->
                  <div class="vlt-progress-bar" data-final-value="95" data-animation-speed="1000">
                    <h5 class="vlt-progress-bar__title">APP<span class="counter">0</span> </h5>
                    <div class="vlt-progress-bar__bar"><span></span></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--Projects--> 
    <!--Section-->
    <div class="vlt-section pp-scrollable" data-anchor="Projects">
      <div class="vlt-section__vertical-align">
        <div class="vlt-section__content"> 
          <!--Projects-->
          <div class="vlt-section__projects-background"><img class="is-active" src="assets/img/project-01.jpg" alt="" loading="lazy"><img src="assets/img/project-02.jpg" alt="" loading="lazy"><img src="assets/img/project-03.jpg" alt="" loading="lazy"></div>
          <div class="container">
            <div class="vlt-gap-100"></div>
            <!--Animated Block-->
            <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:0s; animation-duration:700ms;"> 
              <!--Content slider-->
              <div class="vlt-content-slider " data-navigation-anchor=".vlt-projects-anchor" data-effect="fade" data-gap="" data-loop="" data-speed="" data-autoplay="" data-autoplay-speed="" data-slides-centered="" data-slide-settings="{}" data-free-mode="" data-slider-offset="" data-mousewheel="">
                <div class="swiper-container">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide"> 
                      <!--Product-->
                      <article class="vlt-project">
                        <h3 class="vlt-project-title">优秀的案例之<span class="has-accent-color">.</span></h3>
                        <div class="vlt-project-excerpt">
                          <p>这是一个商用级MVVM模板。This is a commercial grade MVVM template..</p>
                        </div>
                        <!--Button--><a class="vlt-btn vlt-btn--primary vlt-btn--md" rel="nofollow" href="https://github.com/ifredom/flutter-template-perfect" target="_self">立刻查看项目</a> </article>
                    </div>
                    <div class="swiper-slide"> 
                      <!--Product-->
                      <article class="vlt-project">
                        <h3 class="vlt-project-title">优秀的案例之<span class="has-accent-color">.</span></h3>
                        <div class="vlt-project-excerpt">
                          <p>阿里巴巴集团开发之-闲鱼.</p>
                        </div>
                        <!--Button--><a class="vlt-btn vlt-btn--primary vlt-btn--md"  rel="nofollow"  href="https://itunes.apple.com/cn/app/%E9%97%B2%E9%B1%BC-%E6%8C%82%E9%97%B2%E9%B1%BC-%E9%97%B2%E7%BD%AE%E8%83%BD%E6%8D%A2%E9%92%B1/id510909506?mt=8" target="_self">立刻查看项目</a> </article>
                    </div>
                    <div class="swiper-slide"> 
                      <!--Product-->
                      <article class="vlt-project">
                        <h3 class="vlt-project-title">优秀的案例之<span class="has-accent-color">.</span></h3>
                        <div class="vlt-project-excerpt">
                          <p>腾讯集团开发之·NOW直播.</p>
                        </div>
                        <!--Button--><a class="vlt-btn vlt-btn--primary vlt-btn--md"  rel="nofollow"  href="https://now.qq.com/" target="_self">立刻查看项目</a> </article>
                    </div>
                  </div>
                </div>
              </div>
              <div class="vlt-gap-150"></div>
              <!--Slider controls-->
              <div class="vlt-slider-controls vlt-slider-controls--style-2 vlt-projects-anchor">
                <div class="vlt-swiper-pagination"></div>
                <div class="vlt-swiper-button-prev"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 45">
                  <defs />
                  <path fill="currentColor" fill-rule="evenodd" d="M1.36413 22.5795L24 43.9524l-.7271.6865L.272896 22.9223l.383716-.3623-.362754-.3367L23.0941.319721l.733.680233L1.36413 22.5795z" clip-rule="evenodd" />
                  </svg></div>
                <div class="vlt-swiper-button-next"><svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 45">
                  <defs />
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M22.6359 22.3728L0 1.00001.727101.313477 23.7271 22.0301l-.3837.3623.3627.3367L.905866 44.6327l-.732997-.6803L22.6359 22.3728z" fill="currentColor" />
                  </svg></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--Education--> 
    <!--Section-->
    <div class="vlt-section pp-scrollable" data-anchor="Education">
      <div class="vlt-section__vertical-align">
        <div class="vlt-section__content">
          <div class="container">
            <div class="vlt-gap-70"></div>
            <!--Animated Block-->
            <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:0s; animation-duration:700ms;">
              <div class="d-block d-md-flex align-items-center justify-content-between">
                <h3>相关教程</h3>
                <div class="vlt-gap-30--sm"></div>
                <!--Button--><a class="vlt-btn vlt-btn--primary vlt-btn--md"  rel="nofollow"  href="https://search.bilibili.com/all?keyword=flutter%E6%95%99%E7%A8%8B&from_source=nav_search_new" target="_self">立即去看</a> </div>
            </div>
            <div class="vlt-gap-50"></div>
            <!--Animated Block-->
            <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:.1s; animation-duration:700ms;"> 
              <!--Content slider-->
              <div class="vlt-content-slider " data-navigation-anchor=".vlt-education-anchor" data-effect="" data-gap="120" data-loop="" data-speed="" data-autoplay="" data-autoplay-speed="" data-slides-centered="" data-slide-settings="{}" data-free-mode="" data-slider-offset="" data-mousewheel="">
                <div class="swiper-container">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide"> 
                      <!--Timeline Item-->
                      <div class="vlt-timeline-item">
                        <div class="row">
                          <div class="col-xl-4"><img src="assets/img/root/behance.png" alt="Behance" loading="lazy"> </div>
                          <div class="col-xl-4"><span class="vlt-timeline-item__date">2019</span>
                            <h5 class="vlt-timeline-item__title">IT营大地老师</h5>
                          </div>
                          <div class="col-xl-4">
                            <p class="vlt-timeline-item__text">他说：如果你想用Flutter开发app的话，你首先必须得会Dart。此教程由IT营大地老师录制</p>
                          </div>
                        </div>
                      </div>
                      <!--Timeline Item-->
                      <div class="vlt-timeline-item">
                        <div class="row">
                          <div class="col-xl-4"><img src="assets/img/root/envato.png" alt="Envato" loading="lazy"> </div>
                          <div class="col-xl-4"><span class="vlt-timeline-item__date">2018</span>
                            <h5 class="vlt-timeline-item__title">千峰教育</h5>
                          </div>
                          <div class="col-xl-4">
                            <p class="vlt-timeline-item__text">他说：Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面.</p>
                          </div>
                        </div>
                      </div>
                      <!--Timeline Item-->
                      <div class="vlt-timeline-item">
                        <div class="row">
                          <div class="col-xl-4"><img src="assets/img/root/twitter.png" alt="Twitter" loading="lazy"> </div>
                          <div class="col-xl-4"><span class="vlt-timeline-item__date">2019</span>
                            <h5 class="vlt-timeline-item__title">技术胖</h5>
                          </div>
                          <div class="col-xl-4">
                            <p class="vlt-timeline-item__text">他说：在全世界，Flutter正在被越来越多的开发者和组织使用.</p>
                          </div>
                        </div>
                      </div>
                    </div>
              <!--      <div class="swiper-slide"> 
                 
                      <div class="vlt-timeline-item">
                        <div class="row">
                          <div class="col-xl-4"><img src="assets/img/root/behance.png" alt="Behance" loading="lazy"> </div>
                          <div class="col-xl-4"><span class="vlt-timeline-item__date">2019 - 2020</span>
                            <h5 class="vlt-timeline-item__title">Behance</h5>
                          </div>
                          <div class="col-xl-4">
                            <p class="vlt-timeline-item__text">Which firmament dominion first rule and tree. The seas he i were cattle Under living. It may beast every forth place.</p>
                          </div>
                        </div>
                      </div>
             
                      <div class="vlt-timeline-item">
                        <div class="row">
                          <div class="col-xl-4"><img src="assets/img/root/envato.png" alt="Envato" loading="lazy"> </div>
                          <div class="col-xl-4"><span class="vlt-timeline-item__date">2017 - 2018</span>
                            <h5 class="vlt-timeline-item__title">Envato</h5>
                          </div>
                          <div class="col-xl-4">
                            <p class="vlt-timeline-item__text">Rule bearing whales. Created gathering blessed, sixth likeness male. Over were which you'll so be make moveth made saw above.</p>
                          </div>
                        </div>
                      </div>
                    
                      <div class="vlt-timeline-item">
                        <div class="row">
                          <div class="col-xl-4"><img src="assets/img/root/twitter.png" alt="Twitter" loading="lazy"> </div>
                          <div class="col-xl-4"><span class="vlt-timeline-item__date">2015 - 2018</span>
                            <h5 class="vlt-timeline-item__title">Twitter</h5>
                          </div>
                          <div class="col-xl-4">
                            <p class="vlt-timeline-item__text">Firmament itself rule their evening, which moved very night so great them cattle bearing and gathered forth had whose bearing.</p>
                          </div>
                        </div>
                      </div>
                    </div> -->
           <!--         <div class="swiper-slide"> 
                   
                      <div class="vlt-timeline-item">
                        <div class="row">
                          <div class="col-xl-4"><img src="assets/img/root/behance.png" alt="Behance" loading="lazy"> </div>
                          <div class="col-xl-4"><span class="vlt-timeline-item__date">2019 - 2020</span>
                            <h5 class="vlt-timeline-item__title">Behance</h5>
                          </div>
                          <div class="col-xl-4">
                            <p class="vlt-timeline-item__text">Which firmament dominion first rule and tree. The seas he i were cattle Under living. It may beast every forth place.</p>
                          </div>
                        </div>
                      </div>
                 
                      <div class="vlt-timeline-item">
                        <div class="row">
                          <div class="col-xl-4"><img src="assets/img/root/envato.png" alt="Envato" loading="lazy"> </div>
                          <div class="col-xl-4"><span class="vlt-timeline-item__date">2017 - 2018</span>
                            <h5 class="vlt-timeline-item__title">Envato</h5>
                          </div>
                          <div class="col-xl-4">
                            <p class="vlt-timeline-item__text">Rule bearing whales. Created gathering blessed, sixth likeness male. Over were which you'll so be make moveth made saw above.</p>
                          </div>
                        </div>
                      </div>
                    
                      <div class="vlt-timeline-item">
                        <div class="row">
                          <div class="col-xl-4"><img src="assets/img/root/twitter.png" alt="Twitter" loading="lazy"> </div>
                          <div class="col-xl-4"><span class="vlt-timeline-item__date">2015 - 2018</span>
                            <h5 class="vlt-timeline-item__title">Twitter</h5>
                          </div>
                          <div class="col-xl-4">
                            <p class="vlt-timeline-item__text">Firmament itself rule their evening, which moved very night so great them cattle bearing and gathered forth had whose bearing.</p>
                          </div>
                        </div>
                      </div>
                    </div> -->
                  </div>
                </div>
              </div>
              <div class="vlt-gap-75"></div>
              <!--Slider controls-->
              <div class="vlt-slider-controls vlt-slider-controls--style-2 vlt-education-anchor">
                <div class="vlt-swiper-pagination"></div>
                <div class="vlt-swiper-button-prev"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 45">
                  <defs />
                  <path fill="currentColor" fill-rule="evenodd" d="M1.36413 22.5795L24 43.9524l-.7271.6865L.272896 22.9223l.383716-.3623-.362754-.3367L23.0941.319721l.733.680233L1.36413 22.5795z" clip-rule="evenodd" />
                  </svg></div>
                <div class="vlt-swiper-button-next"><svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 45">
                  <defs />
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M22.6359 22.3728L0 1.00001.727101.313477 23.7271 22.0301l-.3837.3623.3627.3367L.905866 44.6327l-.732997-.6803L22.6359 22.3728z" fill="currentColor" />
                  </svg></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--Testimonials--> 
    <!--Section-->
    <div class="vlt-section pp-scrollable" data-anchor="Testimonials">
      <div class="vlt-section__vertical-align">
        <div class="vlt-section__content"> 
          <!--Ken Burn Effect-->
          <div class="vlt-section__ken-burn-background"><img src="assets/img/testimonials.jpg" alt=""></div>
          <div class="container">
            <div class="row align-items-end">
              <div class="col-xl-6"> 
                <!--Animated Block-->
                <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:0s; animation-duration:700ms;">
                  <div class="has-accent-color"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 75 75" style="height: 75px;">
                    <defs />
                    <path fill="currentColor" d="M25 0C16.9271 0 10.7422 2.14844 6.44531 6.44531 2.14844 10.7422 0 16.9271 0 25v50h31.25V25H12.5c0-4.4271.9766-7.6172 2.9297-9.5703C17.3828 13.4766 20.5729 12.5 25 12.5V0zm43.75 0c-8.0729 0-14.2578 2.14844-18.5547 6.44531C45.8984 10.7422 43.75 16.9271 43.75 25v50H75V25H56.25c0-4.4271.9766-7.6172 2.9297-9.5703C61.1328 13.4766 64.3229 12.5 68.75 12.5V0z" />
                    </svg>
                    <div class="vlt-gap-215 vlt-gap-100--lg"></div>
                    <h3>未来.</h3>
                  </div>
                </div>
              </div>
              <div class="col-xl-4 col-md-6 offset-xl-2">
                <div class="vlt-gap-70--lg"></div>
                <!--Animated Block-->
                <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:.1s; animation-duration:700ms;"> 
                  <!--Content slider-->
                  <div class="vlt-content-slider " data-navigation-anchor=".vlt-testimonials-anchor" data-effect="" data-gap="" data-loop="" data-speed="" data-autoplay="" data-autoplay-speed="" data-slides-centered="" data-slide-settings="{}" data-free-mode="" data-slider-offset="" data-mousewheel="">
                    <div class="swiper-container">
                      <div class="swiper-wrapper">
                        <div class="swiper-slide"> 
                          <!--Testimonial-->
                          <div class="vlt-testimonial">
                            <div class="vlt-testimonial__text">
                              <p>&quot;flutter极有可能是fuchsia也就是google下一代os的原生gui控件&quot; </p>
                            </div>
                            <div class="vlt-testimonial__meta">
                              <h5 class="vlt-testimonial__name">2018</h5>
                              <div class="vlt-testimonial__function">知乎社区 </div>
                            </div>
                          </div>
                        </div>
                        <div class="swiper-slide"> 
                          <!--Testimonial-->
                          <div class="vlt-testimonial">
                            <div class="vlt-testimonial__text">
                              <p>&quot;Flutter 是 Fuchsia 官方指定的唯一UI开发框架.&quot; </p>
                            </div>
                            <div class="vlt-testimonial__meta">
                              <h5 class="vlt-testimonial__name">2020</h5>
                              <div class="vlt-testimonial__function">cnblog </div>
                            </div>
                          </div>
                        </div>
                        <div class="swiper-slide"> 
                          <!--Testimonial-->
                          <div class="vlt-testimonial">
                            <div class="vlt-testimonial__text">
                              <p>&quot;Flutter for Web 的示例应用在桌面浏览器基本能达到每秒 60 帧的渲染速度。但是在移动浏览器，特别是在低端机型上还有很大的优化空间.&quot; </p>
                            </div>
                            <div class="vlt-testimonial__meta">
                              <h5 class="vlt-testimonial__name">2019 </h5>
                              <div class="vlt-testimonial__function">Csdn </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="vlt-gap-75"></div>
                  <!--Slider controls-->
                  <div class="vlt-slider-controls vlt-slider-controls--style-1 vlt-testimonials-anchor">
                    <div class="vlt-swiper-button-prev"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 45">
                      <defs />
                      <path fill="currentColor" fill-rule="evenodd" d="M1.36413 22.5795L24 43.9524l-.7271.6865L.272896 22.9223l.383716-.3623-.362754-.3367L23.0941.319721l.733.680233L1.36413 22.5795z" clip-rule="evenodd" />
                      </svg></div>
                    <div class="vlt-swiper-button-next"><svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 45">
                      <defs />
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M22.6359 22.3728L0 1.00001.727101.313477 23.7271 22.0301l-.3837.3623.3627.3367L.905866 44.6327l-.732997-.6803L22.6359 22.3728z" fill="currentColor" />
                      </svg></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--Partners--> 
    <!--Section-->
    <div class="vlt-section pp-scrollable" data-anchor="Partners">
      <div class="vlt-section__vertical-align">
        <div class="vlt-section__content">
          <div class="container"> 
            <!--Animated Block-->
            <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:0s; animation-duration:700ms;">
              <h3>flutter相关</h3>
            </div>
            <div class="vlt-gap-100"></div>
            <!--Animated Block-->
            <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:.1s; animation-duration:700ms;">
              <ul class="vlt-partners">
                <li><img src="assets/img/root/logo-01.png" alt="" loading="lazy"></li>
                <li><img src="assets/img/root/logo-02.png" alt="" loading="lazy"></li>
                <li><img src="assets/img/root/logo-03.png" alt="" loading="lazy"></li>
                <li><img src="assets/img/root/logo-04.png" alt="" loading="lazy"></li>
                <li><img src="assets/img/root/logo-05.png" alt="" loading="lazy"></li>
                <li><img src="assets/img/root/logo-06.png" alt="" loading="lazy"></li>
                <li><img src="assets/img/root/logo-07.png" alt="" loading="lazy"></li>
                <li><img src="assets/img/root/logo-08.png" alt="" loading="lazy"></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--Blog--> 
    <!--Section-->
    <div class="vlt-section pp-scrollable" data-anchor="Blog">
      <div class="vlt-section__vertical-align">
        <div class="vlt-section__content">
          <div class="container"> 
            <!--Animated Block-->
			        <div class="vlt-animated-block"  data-animation-name="fadeInUpSm" style="animation-delay:0s; animation-duration:700ms;">
        
              <h3>Flutter重大事件</h3>
            </div>
            <div class="vlt-gap-100"></div>
            <div class="row">
              <div class="col-xl-4"> 
                <!--Animated Block-->             
				
               <div class="vlt-animated-block"data-animation-name="fadeInUpSm" style="animation-delay:.1s; animation-duration:700ms;">
                  <!--Blog Item-->
                  <article class="vlt-post vlt-post--masonry">
                    <div class="vlt-post-border"><span class="top"></span><span class="right"></span><span class="bottom"></span><span class="left"></span></div>
                    <div class="vlt-post-media"><img src="assets/img/blog-01.jpg" alt="" loading="lazy"></div>
                    <div class="vlt-post-content">
                      <header class="vlt-post-header"><span class="vlt-post-date">2021年02月26日</span>
                        <h3 class="vlt-post-title"><a href="#">掘金flutter社区发布</a></h3>
                      </header>
                      <div class="vlt-post-excerpt">
                        <p>FlutterUnit 内测开启，收藏集同步功能上线. </p>
                      </div>
               <!--       <footer class="vlt-post-footer"><a class="vlt-read-more-link" href="single-post.html"> Read more<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 8">
                        <defs />
                        <path d="M15.3536 4.35355c.1952-.19526.1952-.51184 0-.7071L12.1716.464466c-.1953-.195262-.5119-.195262-.7071 0-.1953.195262-.1953.511845 0 .707104L14.2929 4l-2.8284 2.82843c-.1953.19526-.1953.51184 0 .7071.1952.19527.5118.19527.7071 0l3.182-3.18198zM0 4.5h15v-1H0v1z" fill="currentColor" />
                        </svg></a></footer> -->
                    </div>
                  </article>
                </div>
              </div>
              <div class="col-xl-4">
                <div class="vlt-gap-30--lg"></div>
                <!--Animated Block-->
				  <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:.2s; animation-duration:700ms;">
            
                  <!--Blog Item-->
                  <article class="vlt-post vlt-post--masonry">
                    <div class="vlt-post-border"><span class="top"></span><span class="right"></span><span class="bottom"></span><span class="left"></span></div>
                    <div class="vlt-post-media"><img src="assets/img/blog-02.jpg" alt="" loading="lazy"></div>
                    <div class="vlt-post-content">
                      <header class="vlt-post-header"><span class="vlt-post-date">2020年春季</span>
                        <h3 class="vlt-post-title"><a href="#">简书 jett老师</a></h3>
                      </header>
                      <div class="vlt-post-excerpt">
                        <p>78％的 Flutter 开发人员使用稳定版渠道，11％的用户使用 Beta 版，11％的用户使用 dev 或 master 版。. </p>
                      </div>
                   <!--   <footer class="vlt-post-footer"><a class="vlt-read-more-link" href="single-post.html"> Read more<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 8">
                        <defs />
                        <path d="M15.3536 4.35355c.1952-.19526.1952-.51184 0-.7071L12.1716.464466c-.1953-.195262-.5119-.195262-.7071 0-.1953.195262-.1953.511845 0 .707104L14.2929 4l-2.8284 2.82843c-.1953.19526-.1953.51184 0 .7071.1952.19527.5118.19527.7071 0l3.182-3.18198zM0 4.5h15v-1H0v1z" fill="currentColor" />
                        </svg></a></footer> -->
                    </div>
                  </article>
                </div>
              </div>
              <div class="col-xl-4">
                <div class="vlt-gap-30--lg"></div>
                <!--Animated Block-->
				
               <div class="vlt-animated-block" data-animation-name="fadeInUpSm"  style="animation-delay:.3s; animation-duration:700ms;">
                  <!--Blog Item-->
                  <article class="vlt-post vlt-post--masonry">
                    <div class="vlt-post-border"><span class="top"></span><span class="right"></span><span class="bottom"></span><span class="left"></span></div>
                    <div class="vlt-post-media"><img src="assets/img/blog-03.jpg" alt="" loading="lazy"></div>
                    <div class="vlt-post-content">
                      <header class="vlt-post-header"><span class="vlt-post-date">2020年春季</span>
                        <h3 class="vlt-post-title"><a href="#">App store</a></h3>
                      </header>
                      <div class="vlt-post-excerpt">
                        <p>谷歌 Play 商店中大约发布了 50,000 个 Flutter 应用，仅在上个月就上传了 10,000 个。. </p>
                      </div>
              <!--        <footer class="vlt-post-footer"><a class="vlt-read-more-link" href="single-post.html"> Read more<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 8">
                        <defs />
                        <path d="M15.3536 4.35355c.1952-.19526.1952-.51184 0-.7071L12.1716.464466c-.1953-.195262-.5119-.195262-.7071 0-.1953.195262-.1953.511845 0 .707104L14.2929 4l-2.8284 2.82843c-.1953.19526-.1953.51184 0 .7071.1952.19527.5118.19527.7071 0l3.182-3.18198zM0 4.5h15v-1H0v1z" fill="currentColor" />
                        </svg></a></footer> -->
                    </div>
                  </article>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--Contact--> 
    <!--Section-->
    <div class="vlt-section pp-scrollable" data-anchor="Contact">
      <div class="vlt-section__vertical-align">
        <div class="vlt-section__content"> 
          <!--Ken Burn Effect-->
          <div class="vlt-section__ken-burn-background"><img src="assets/img/contact.jpg" alt=""></div>
          <div class="container">
            <div class="row">
              <div class="col-xl-4"> 
                <!--Animated Block-->
                <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:0s; animation-duration:700ms;">
                  <h3>Contact</h3>
                  <div class="vlt-gap-30"></div>
                  <p>谢谢浏览.</p>
                  <div class="vlt-gap-40"></div>
                  <address>
             <a href="https://doc.youyacao.com/web/#/22/1297" target="_blank">国家级高新技术企业GR202251001737</a> </br>
			 <a href="http://wpa.qq.com/msgrd?V=3&uin=2853810243&Site=%E6%9D%BE%E9%BC%A0%E5%AE%98%E7%BD%91&Menu=yes&from=app">客服Q：2853810243</a>
			  <a href="http://www.youyacao.com/">唯一官网：www.youyacao.com</a>
			 
			 
                  </address>
                  <p><a class="tel" href="tel:+72126742510">+86 137 0802 1643</a></p>
                  <p><a class="email" href="mailto:bd@youyacao.com">bd@youyacao.com</a></p>
				  
				
                </div>
              </div>
              <div class="col-xl-6 offset-xl-2">
                <div class="vlt-gap-70--lg"></div>
                <!--Animated Block-->
                <div class="vlt-animated-block" data-animation-name="fadeInUpSm" style="animation-delay:.1s; animation-duration:700ms;">
                  <h4>喝杯咖啡·然后<span class="has-accent-color">联系我.</span>开启您的梦想吧</h4>
                  <div class="vlt-gap-20"></div>
                 <!-- <form class="vlt-contact-form" novalidate>
                    <div class="vlt-form-group">
                      <input type="text" id="name" name="name" required placeholder="Your Name">
                    </div>
                    <div class="vlt-form-group">
                      <input type="email" id="email" name="email" required placeholder="Your Email">
                    </div>
                    <div class="vlt-form-group">
                      <textarea name="message" id="message" rows="3" placeholder="Message"></textarea>
                    </div>
                    <div class="message success">Your message is successfully sent...</div>
                    <div class="message danger">Sorry something went wrong!</div>
              
                    <button class="vlt-btn vlt-btn--primary vlt-btn--md">Contact Me</button>
                  </form> -->
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--Progress Bar-->
    <div class="vlt-fullpage-slider-progress-bar"><span></span></div>
  </div>
</main>
<!--Footer-->
<footer class="vlt-footer vlt-footer--default vlt-footer--fixed">
  <div class="vlt-footer-copyright">
    <p>©·优雅草</p>
  </div>
  <div class="vlt-language-switcher">返回官网-  <a href="https://www.youyacao.com" target="_blank">优雅草科技</a> -<!-- WPA start -->
<script id="qd2885750701da9f1fb2d57d20b73c58df1eb155fa29" src="https://wp.qiye.qq.com/qidian/2885750701/da9f1fb2d57d20b73c58df1eb155fa29" charset="utf-8" async defer></script>
<!-- WPA end --></div>
</footer>
<!--Libs--> 
<script src="assets/vendors/jquery-3.5.1.min.js"></script> 
<script src="assets/scripts/vlt-plugins.min.js"></script> 
<script src="assets/scripts/vlt-helpers.js"></script> 
<script src="assets/scripts/vlt-controllers.min.js"></script>
</body>
</html>